<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>获得的支持-ZoomYoung个性T恤</title>
	<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
	<link rel="stylesheet" type="text/css" href="http://file.zoomyoung.cn/web/css/all.css">
	<link rel="stylesheet" type="text/css" href="http://file.zoomyoung.cn/web/css/good.css">
	<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://file.zoomyoung.cn/web/js/ajax/ajaxFeng.js"></script>
    <style>
        .front-red{
            color: red;
            padding: 0.08rem;
        }
    </style>
</head>
<body>
	<div class="all">
     <div class="center">
        <span class="time"></span>
        <div class="show_img">
          <img src="img/finish/fen.png" class="fen_img"/>
        </div>
        <div class="show_title">
           
        </div>
        <div class="show_click">
             <div class="bb"><div class="click_good aa">支持他</div>
                 <div class="click_show"><img src="http://file.zoomyoung.cn/web/img/like.png"/></div>
             </div>
             <div class="click_continue cc"><a class="continue_design">我也要定制</a><img src="img/left.png" class="continue_img"/></div>
        </div>
      </div>
	</div>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2a04b9d7f4b4a0edfe491497d0cfa626";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
	<script type="text/javascript">
    $(function () {
        window.onload = function() {
            /*设置rem值*/
            var fontSize=($(window).width()/750)*100+"px";
            $('html').css('fontSize',fontSize);
            console.log($(window).height()-$('.center').height());
            $('.center').css('marginTop',($(window).height()-$('.center').height()-70)/3+"px");
        }
       //判断用户是否登陆过
        var login=$.doGetDataAjax('http://zoomyoung.cn/api/auth/get-userinfo','json',false,"");
            if(login.message=="no_login") {
               $(window).attr('location', 'http://zoomyoung.cn/api/auth/wechat-login?callback=http://design.zoomyoung.cn/good.html' + search);
            };
        });


     // 这里是获取这个图片被点赞过的次数
        var search=window.location.search;
        var index=search.indexOf('&') !='-1' ?search.indexOf('&')-6 :search.length;
        var code=search.substr(6,index);
        var sex=search.substr(search.indexOf('&sex=')+5,1)
        var goodNumber=""
        var total=""
        var que=""
        var name=""
        //这个获取点赞数量和个人名字
        getNumber();
        //验证是本人登陆还是别人登陆，如果本人登陆的化就直接跳转到finish页面
        if(goodNumber.data.is_oneself==1) {
            window.location.href = './finish.html' + search
        }

        function getNumber() {
            goodNumber = $.doPostDataAjax('http://zoomyoung.cn/api/design/get-support-num', 'json', false, {'code': code});
            total = goodNumber.data.support_num;
            que = 20 - goodNumber.data.support_num;
            name = goodNumber.data.nickname;
            //当满20个赞的时候，赞的显示还是会加，可是缺多少个赞就不会继续加
            if (que < 1) {
                que = 0;
            }
            $('.show_title').html('您好友「' + name + '」已获得<span class="front-red">' + total + '</span>次支持，他再获得' + que + '次支持可有机会免费获得此衣服，快来参与吧');
        }


        $('.click_good').one("click",function() {
            var supportResult = support();
            if(!supportResult){
                return false;
            }

            $('.click_show img').show();
            getNumber();
            
            $('.click_good').css('opacity', '0.3')
            $('.click_show img').animate({
                "top": "-100px",
                "opacity": '0'
            }, 1000, function () {
                $('.click_show img').hide().css({
                    "top": "-0.90rem",
                    "opacity": '1'
                })
            })
        });

        $('.click_continue').click(function(){
            window.location.href="./index.html"
        });

       
        //这个获取活动状态
    var message=$.doGetDataAjax('http://zoomyoung.cn/api/design/get-active-status','json',false,"?code="+code)
    //封装计算倒计时的函数
    function time(){
        var total=message.data.time_init;
        var interVal=setInterval(function () {
            if(total>=1){
                total-=1;
                timeSever(total)
            }else {
                $('.time').html('活动已结束');
                clearInterval(interVal);
            }
        }, 1000);
    }
    function timeSever(total) {
        var hour = parseInt(total / 60 / 60 % 24) < 10 ? '0' + parseInt(total / 60 / 60 % 24) : parseInt(total / 60 / 60 % 24);
        var minute = parseInt(total / 60 % 60) < 10 ? '0' + parseInt(total / 60 % 60) : parseInt(total / 60 % 60);
        var seconds = parseInt(total % 60) < 10 ? '0' + parseInt(total % 60) : parseInt(total % 60);
        $('.time').html('活动正在进行(倒计时' + hour + ':' + minute + ':' + seconds + ')')
    }
    //获取当前是否在活动器间
    //如果不是在活动期间
        reset()
       function reset() {
           if (message.data.is_action == 1 && message.data.is_pay == 1 && message.data.pay_type == 'free') {
               //前20名免费获取
               if (message.data.time_init == 0) {
                   $('.time').html("");
                   $('.show_title').html('活动已结束，您好友「' + name + '」已获得<span class="front-red">20</span>次支持，他免费领取了他定制的T恤哦')
               } else {
                   time();
                   $('.show_title').html('您好友「' + name + '」已获得<span class="front-red">20</span>次支持，他已免费领取定制T恤，快来参与吧')
               }
           }

           if (message.data.is_pay == 0 && message.data.pay_type == 'wxpay_6') {
               //20名以外，6折购买
               if (message.data.time_init == 0) {
                   $('.time').html("");
                   $('.show_title').html('活动已结束，您好友「' + name + '」已获得<span class="front-red">20</span>次支持，他没能免费领取T恤，但是他可以6折购买哦')
               } else {
                   time();
                   $('.show_title').html('您好友「' + name + '」已获得<span class="front-red">20</span>次支持，但未能免费领取T恤，但是他可以6折购买，快来参与吧')
               }
           }
           if (message.data.is_action == 1 && message.data.is_pay == 0 && message.data.pay_type == 'free') {
               //活动进行中
               if (message.data.time_init == 0) {
                   $('.time').html("");
                   $('.show_title').html('活动已结束，您好友「' + name + '」没能获得支持，他没有免费获得此T恤，前往定制专属你的T恤吧')
               } else {
                   time();
                   $('.show_title').html('您好友「' + name + '」已获得<span class="front-red">' + total + '</span>次支持，他再获得' + que + '次支持可有机会免费获得此衣服，快来参与吧')
               }
           }
           if (message.data.is_action == 0 && message.data.is_pay == 0 && message.data.pay_type == 'wxpay') {
               //活动结束没能集满赞
               $('.time').html("");
               $('.show_title').html('活动已结束，您好友「' + name + '」没能获得支持，他没有免费获得此T恤，前往定制专属你的T恤吧')
           }
           if (message.data.is_pay == 1 && message.data.pay_type == 'wxpay') {
               //正常下单
               $('.time').html("");
               $('.show_title').html('您好友「' + name + '」定制他的个性T恤，前往定制专属您的T恤吧')
           }

       }
    
        function support() {
            var data = $.doPostDataAjax('http://zoomyoung.cn/api/design/support-design', 'json', false, {'code': code});
            if (data.level === "error")     //这里判断你是否支持过这个图片，若支持过则不能继续点赞
            {
                $('.click_good').css('opacity', '0.3');
                alert('您已经支持过了呦！');
                return false;
            }else {
                return true;
            }
        }

        //当点击支持的时候执行
//        $('.bb').click(function() {
//            var data = $.doPostDataAjax('http://zoomyoung.cn/api/design/support-design', 'json', false, {'code': code});
//            if (data.level === "error")     //这里判断你是否支持过这个图片，若支持过则不能继续点赞
//            {
//                alert('您已经支持过了呦！');
//                return ;
//            }
//            var goodNumber = $.doPostDataAjax('http://zoomyoung.cn/api/design/get-support-num', 'json', false, {'code': code});
//            var total=goodNumber.data.support_num;
//            var que=20-goodNumber.data.support_num;
//            if(que<1){
//                que=0;
//            }
//            $('.show_add').text(total)
//            $('.show_reduce').text(que)
//            $('.show_name').text(goodNumber.data.nickname);
//        });
        //
        var imgShow=$.doPostDataAjax('http://zoomyoung.cn/api/design/build-share-image','json',false,{"code":code});
        if(sex=='1')
        {
            $('.fen_img').attr('src',imgShow.data.boy.img_url);
        }else{
            $('.fen_img').attr('src',imgShow.data.girl.img_url);
        }
        

   
	</script>
</body>
</html>